﻿<UserControl x:Class="ChemProV.UI.ControlPalette"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="320" d:DesignWidth="160" Loaded="UserControl_Loaded">

    <StackPanel x:Name="LayoutRoot" Background="White">

        <!-- The select and sticky note buttons are in the same horizontal stack panel at the top of this control -->
        <StackPanel Orientation="Horizontal">
            <!-- Start of button to activate select mode for the mouse -->
            <Border CornerRadius="3" BorderThickness="2" Background="Yellow" BorderBrush="Gray"
                Margin="2,2,2,2" Padding="2,2,2,2" MouseLeftButtonDown="PaletteButton_MouseLeftButtonDown" 
                Name="SelectButton">
                <Image Source="/UI/Icons/palette_select.png" Stretch="None">
                    <ToolTipService.ToolTip>Select</ToolTipService.ToolTip>
                </Image>
            </Border>
            <!-- End of select mode button -->
            
            <!-- Start of sticky note button  -->
            <Border CornerRadius="3" BorderThickness="1" Background="White" BorderBrush="Gray"
            Margin="2,2,2,2" Padding="2,2,2,2" Name="StickyNoteButton"
            MouseLeftButtonDown="PaletteButton_MouseLeftButtonDown">
                <Image Source="/UI/Icons/palette_stickyNote.png" Stretch="None">
                    <ToolTipService.ToolTip>Create a comment</ToolTipService.ToolTip>
                </Image>
            </Border>
            <!-- End of sticky note button -->
        </StackPanel>
        <!-- End of panel that contains select and sticky note buttons -->

        <!-- Spacer before process units -->
        <Border BorderThickness="2" Height="2" BorderBrush="Gray" Margin="4,4,4,4"></Border>

        <!-- This panel will have buttons for available process units -->
        <!-- It will be populated and adjusted based on difficulty at runtime -->
        <StackPanel Name="ProcessUnitsPanel">
            <TextBlock Name="ReplaceMeWithProcessUnits" TextWrapping="Wrap">
                Auto-populates at runtime:
                Process Units
            </TextBlock>
        </StackPanel>

        <!-- Spacer before process streams -->
        <Border BorderThickness="2" Height="2" BorderBrush="Gray" Margin="4,4,4,4"></Border>

        <!-- Panel for stream buttons. Unlike the process unit buttons these are not 
             created at runtime
        -->
        <StackPanel Name="StreamsPanel" Orientation="Horizontal">
            
            <!-- Chemical stream button. Available on all difficulties so always visible. -->
            <Border CornerRadius="3" BorderThickness="1" Background="White" BorderBrush="Gray"
                Margin="2,2,2,2" Padding="2,2,2,2" Name="ChemicalStreamButton"
                MouseLeftButtonDown="PaletteButton_MouseLeftButtonDown">
                <Image Source="/UI/Icons/pu_stream.png" Stretch="None">
                    <ToolTipService.ToolTip>Chemical Stream</ToolTipService.ToolTip>
                </Image>
            </Border>

            <!-- Heat stream button. Shows/hides based on difficulty level. -->
            <Border CornerRadius="3" BorderThickness="1" Background="White" BorderBrush="Gray"
                Margin="2,2,2,2" Padding="2,2,2,2" Name="HeatStreamButton"
                MouseLeftButtonDown="PaletteButton_MouseLeftButtonDown"
                Visibility="Collapsed">
                <Image Source="/UI/Icons/pu_heat_stream.png" Stretch="None">
                    <ToolTipService.ToolTip>Chemical Stream</ToolTipService.ToolTip>
                </Image>
            </Border>
            
        </StackPanel>

    </StackPanel>
</UserControl>